<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/pages/plantilla.xhtml">
	
	<ui:define name="title"> SYSLLABUS</ui:define>
	<ui:define name="contenido" >
	<f:view>
		<h:form id="myform" prependId="false" style="font-size:10px">
<p:dialog header="Header Text" widgetVar="dlg" position="'right', 'bottom'" width="200" height="400">
//Content
</p:dialog>
<p:commandButton value="Show" type="button" onclick="dlg.show()" />
<p:commandButton value="Hide" type="button" onclick="dlg.hide()" />           
		<table style="width:100%">
		<tr height="28px;">
		<td></td>
		<td align="center">
		<p:outputPanel id="opBtns">
		<p:commandButton image="ui-icon-check" title="Validar Avance" 
		actionListener="#{regAvanceController.guardarSyllabuTerminadoProfesor}"
		rendered="#{regAvanceController.terminar}" update="dtSyl, opBtns"/>
		</p:outputPanel>
		</td>
		</tr>
		<tr>
		<td width="350px">
		<DIV style="width:350px;height:200px; overflow:scroll;">
		<p:dataTable value="#{regAvanceController.grupoCursos}" var="grup"
		selectionMode="single" rowSelectListener="#{regAvanceController.obtenerSyllabus}" 
		onRowSelectUpdate="dtSyl, opBtns" selection="#{regAvanceController.grupoSeleccionado}">
		<p:column headerText="Cronograma Acad">
		<h:outputText value="#{grup.nomCarreraProf}: #{grup.nomCronograma}"/>
		</p:column>
		<p:column headerText="Curso: Grupo">
		<h:outputText value="#{grup.nomCurso}: #{grup.nomGrupo}"/>
		</p:column>
		</p:dataTable>
		</DIV>
		</td>
		<td>
		<DIV style="width:100%;height:200px; overflow:scroll;">
		<p:dataTable id="dtSyl" value="#{regAvanceController.syllabus}" var="syl"
		style="width:100%" selection="#{regAvanceController.syllSeleccionado}" onRowSelectUpdate="opBtns"
		rowSelectListener="#{regAvanceController.obtenerAvanceSyl}" selectionMode="single">
		<p:column headerText="nro. Semana">
		<h:outputText value="#{syl.numSemana}"/>
		</p:column>
		<p:column headerText="Descripcion del tema">
		<h:outputText value="#{syl.descTema}"/>
		</p:column>
		<p:column headerText="Estado">
		<h:outputText value="Terminado" rendered="#{(syl.checkProfesor==1 and syl.checkAlumno==1)}"/>
		<h:outputText value="Falta" rendered="#{(syl.checkProfesor==0 and syl.checkAlumno==0)}"/>
		<h:outputText value="Por Validar Delegado" rendered="#{(syl.checkProfesor==1 and syl.checkAlumno==0)}"/>
		</p:column>
		</p:dataTable>
		</DIV>
		</td></tr>
		<tr>
		<td colspan="2">
		<p:dataTable>
		
		</p:dataTable>
		</td></tr>
		</table>
 		</h:form>
 		</f:view>
	</ui:define>
</ui:composition>